<!--Created by 王成 on 2018/7/6.-->

<div class="x_panel">
    <ul class="breadcrumb">
        <li><span class="primary-font"><i class="icon-home"></i></span><a href="index.html"> Home</a></li>
        <li>用户</li>
        <li>列表</li>
    </ul>
    <div class="smart-widget">
        <div class="smart-widget-header">
            检索
            <span class="smart-widget-option">
                <button class="btn btn-info btn-s " type="submit" id="add_to" onclick="addToUser()">添加用户</button>
            </span>
        </div>
        <div class="smart-widget-inner">
            <div class="smart-widget-body">
                <div class="row">
                    <div class="padding-md">
                        <form id="defaultForm" data-parsley-validate="" class="form-horizontal form-label-left"
                              novalidate="">
                            <input type="hidden" name="eventTypeId"/>
                            <div class="form-group">
                                <div class="col-md-6">
                                    <div class="row">
                                        <label class="control-label col-md-2 col-sm-4 col-xs-12">用户名称</label>
                                        <div class="col-md-6 col-sm-4 col-xs-12">
                                            <input id="supercode" type="text" class="form-control col-md-7 col-xs-12"
                                                   name="eventTypeCode" placeholder="请输入用户名称..."/>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 role-right">
                                    <button type="submit" class="btn btn-success" id="application">应用
                                    </button>
                                    <button type="submit" class="btn btn-success" id="reset"
                                            style="margin-left: 1rem;margin-right: 1rem">重置
                                    </button>

                                </div>
                            </div>
                        </form>
                    </div>
                </div><!-- ./row -->
            </div>
        </div><!-- ./smart-widget-inner -->
    </div><!-- ./smart-widget -->


    <div class="smart-widget">
        <div class="smart-widget-inner">
            <div class="smart-widget-body">
                <table class="table">
                    <thead>
                    <tr>
                        <th class="text-center">序号</th>
                        <th class="text-center">用户名</th>
                        <th class="text-center">登录账号</th>
                        <th class="text-center">性别</th>
                        <th class="text-center">公司名称</th>
                        <th class="text-center">部门名称</th>
                        <th class="text-center">手机号</th>
                        <th class="text-center">选项</th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr onclick="tagscheck(this);">
                        <td class="text-center">1</td>
                        <td class="text-center">李三</td>
                        <td class="text-center">18646379334</td>
                        <td class="text-center">男</td>
                        <td class="text-center">联通公司</td>
                        <td class="text-center">信息系统</td>
                        <td class="text-center">18646379334</td>
                        <td class="text-center">
                            <button type="button" class="btn btn-info btn-sm" onclick="resetPassword()">重置密码</button>
                            <button type="button" class="btn btn-info btn-sm" onclick="Application()">所属应用</button>
                            <button type="button" class="btn btn-info btn-sm" onclick="Authorized()">授权应用</button>
                            <button type="button" class="btn btn-info btn-sm" onclick="AuthorizedRole()">授权角色</button>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div><!-- ./smart-widget-inner -->
    </div><!-- ./smart-widget -->
</div>
<!--所属应用-->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    部门名称
                </h4>
            </div>
            <div class="smart-widget">
                <div class="smart-widget-inner">
                    <div class="smart-widget-body">
                        <table class="table">
                            <thead>
                            <tr>
                                <th class="text-center">序号</th>
                                <th class="text-center">名称</th>
                                <th class="text-center">状态</th>

                            </tr>
                            </thead>
                            <tbody>
                            <tr onclick="tagscheck(this);">
                                <td class="text-center">1</td>
                                <td class="text-center">孙吴</td>
                                <td class="text-center">开启</td>
                            </tr>
                            </tbody>
                        </table>
                        <!--<div id="pagination" class="col-md-12 pagination" th:replace="pagination :: pagination">-->
                        <!--</div>-->
                    </div>
                </div><!-- ./smart-widget-inner -->
            </div><!-- ./smart-widget -->
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="send" onclick="send()">
                    确定
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--授权应用-->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">
                    &times;
                </button>
                <h4 class="modal-title" id="myModalLabel1">
                    部门名称
                </h4>
            </div>
            <div class="smart-widget">
                <div class="smart-widget-inner">
                    <div class="smart-widget-body">
                        <table class="table">
                            <thead>
                            <tr>
                                <th class="text-center">序号</th>
                                <th class="text-center">名称</th>
                                <th class="text-center">状态</th>

                            </tr>
                            </thead>
                            <tbody>
                            <tr onclick="tagscheck(this);">
                                <td class="text-center">1</td>
                                <td class="text-center">孙吴</td>
                                <td class="text-center">开启</td>
                            </tr>
                            </tbody>
                        </table>
                        <!--<div id="pagination" class="col-md-12 pagination" th:replace="pagination :: pagination">-->
                        <!--</div>-->
                    </div>
                </div><!-- ./smart-widget-inner -->
            </div><!-- ./smart-widget -->
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" onclick="send1()">
                    确定
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

<script type="text/javascript" th:inline="javascript">
    /*<![CDATA[*/
    $(function () {
        $('tbody tr:even').addClass("showbg")
    })
    //    跳转添加用户管理
    function addToUser() {
        $.goTo("/user/userAdd.html");
    }

    //    跳转授权角色
    function AuthorizedRole() {
        $.goTo("/user/authorizedRole.html")
    }

    //所属应用
    function Application() {
        $("#myModal1").modal('show')
    }

    function send() {
        $("#myModal1").modal('hide')
    }

    //授权应用
    function Authorized() {
        $("#myModal2").modal('show')
    }

    function send1() {
        $("#myModal2").modal('hide')
    }

    /*]]>*/
</script>

